$(function() {

	function change() {
		var top = document.scrollingElement.scrollTop;

		if(top > 300) {
			$(".fhtop").fadeIn(300);
		} else {
			$(".fhtop").fadeOut(300);
		}
		if(top > 40) {
			$(".nav").addClass('flex')

		} else {
			$(".nav").removeClass('flex')
		}

	}
	document.addEventListener('touchmove', change, false)
	document.addEventListener('scroll', change, false)

	$("#top")[0].addEventListener('touchstart', function() {
		$('body,html').animate({
			'scrollTop': '0'
		}, 500)
	}, false)

	$(".more")[0].addEventListener('touchstart', function() {
		$(this).find('.erji').stop().slideToggle(300);
		if($(this).hasClass('nav_active')) {
			$(this).removeClass('nav_active')
		} else {
			$(this).addClass('nav_active')
		}
	}, false)

	$("#menu")[0].addEventListener('touchstart', function() {
		$('.menu_main').stop().fadeToggle(350);

		if($('#menu').hasClass('menu_active')) {
			$('#menu').removeClass('menu_active')
		} else {
			$('#menu').addClass('menu_active')
		}
	}, false)

	$("#close")[0].addEventListener('touchstart', function() {
		$('.menu_main').fadeOut(350);
	}, false)

	$("#search-open")[0].addEventListener('touchstart', function() {
		$('.search').stop().fadeIn(350);
	}, false)

	$(".qx")[0].addEventListener('touchstart', function() {
		$('.search').stop().fadeOut(350);
	}, false)

})